<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-work.css">
</head>
<body class="childrenBody">
<div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">简报</div>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>昨日</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>今日</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>本周</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>本月</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>今年</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>累计</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" style="height:230px;">
                <div class="col-sm-12">
                    <span class="jianbao_list">企业总数530</span>
                    <span class="jianbao_list">入网企业530</span>
                    <span class="jianbao_list">合作企业530</span>
                    <span class="jianbao_list">付款企业530</span>
                    <span class="jianbao_list">职工总数530</span>
                    <span class="jianbao_list">报读职工530</span>
                    <span class="jianbao_list">申请补贴职工530</span>
                    <span class="jianbao_list">补贴通过职工530</span>
                    <span class="jianbao_list">工会总数530</span>
                    <span class="jianbao_list">部署平台工会530</span>
                    <span class="jianbao_list">合作工会530</span>
                    <span class="jianbao_list">付款工会530</span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">流量</div>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>昨日</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>今日</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>本周</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>本月</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>今年</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>累计</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" style="height:230px;">
                <div class="col-sm-12">
                    <table width="100%" class="liuliang_tab">
                        <thead>
                            <tr>
                                <th>平台</th>
                                <th>PV</th>
                                <th>UV</th>
                                <th>IP</th>
                                <th>注册职工</th>
                                <th>企业数</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>广东职工教育网平台</td>
                                <td>125</td>
                                <td>20</td>
                                <td>20</td>
                                <td>54231</td>
                                <td>1203</td>
                            </tr>
                            <tr>
                                <td>广东职工教育网平台</td>
                                <td>125</td>
                                <td>20</td>
                                <td>20</td>
                                <td>54231</td>
                                <td>1203</td>
                            </tr>
                            <tr>
                                <td>广东职工教育网平台</td>
                                <td>125</td>
                                <td>20</td>
                                <td>20</td>
                                <td>54231</td>
                                <td>1203</td>
                            </tr>
                            <tr>
                                <td>广东职工教育网平台</td>
                                <td>125</td>
                                <td>20</td>
                                <td>20</td>
                                <td>54231</td>
                                <td>1203</td>
                            </tr>
                            <tr>
                                <td>广东职工教育网平台</td>
                                <td>125</td>
                                <td>20</td>
                                <td>20</td>
                                <td>54231</td>
                                <td>1203</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">正在进行的项目</div>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>补贴</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>培训</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>票券</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>全部</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" style="height:246px;">
                <div class="col-sm-12">
                    <div class="xianmu_list">
                        <div class="row">
                            <div class="col-sm-5">
                                <p>广州市职工提素圆梦工程2018年学历教育补助（春季）</p>
                            </div>
                            <div class="col-sm-7">
                                <div class="row phb_number_list">
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>覆盖人群</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>1800</b>
                                        <p>申报人</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>待审核</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>待审核</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <span class="xianmu_list_tip">补贴：广东省总工会</span>
                    </div>
                    <div class="xianmu_list">
                        <div class="row">
                            <div class="col-sm-5">
                                <p>订单号： 201808080401428731</p>
                                <p>员工关系管理实战训练…</p>
                            </div>
                            <div class="col-sm-7">
                                <div class="row phb_number_list">
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>覆盖人群</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>1800</b>
                                        <p>申报人</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>待审核</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>待审核</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <span class="xianmu_list_tip">培训：广东省总工会</span>
                    </div>
                    <div class="xianmu_list">
                        <div class="row">
                            <div class="col-sm-5">
                                <p>订单号： 201808080401428731</p>
                                <p>员工关系管理实战训练…</p>
                            </div>
                            <div class="col-sm-7">
                                <div class="row phb_number_list">
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>覆盖人群</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>1800</b>
                                        <p>申报人</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>待审核</p>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>2000</b>
                                        <p>待审核</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <span class="xianmu_list_tip">票卷：广东省总工会</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">订单</div>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>补贴</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>培训</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>票券</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>全部</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" style="height:246px;">
                <div class="col-sm-12">
                    <div class="xianmu_list">
                        <div class="clearfix">
                            <h4>广州市职工提素圆梦工程2018年学历教育补助（春季）</h4>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <p>订单号： 201808080401428731</p>
                                <p>
                                    <b class="g1 mr40">应收：￥4.5万</b>
                                    <b class="g4">已收：￥0</b>
                                </p>
                            </div>
                            <div class="col-sm-7">
                                <div class="phb_number_list dingdan_ul">
                                    <!-- 已完成 -->
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p class="g5">创建项目单</p>
                                        <div class="process-list process-speed">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p class="g5">审核项目单</p>
                                        <div class="process-list process-speed">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <!-- 已完成 END-->
                                    <!-- 未完成 -->
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p>项目完成</p>
                                        <div class="process-list">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p>订单回款</p>
                                        <div class="process-list">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <!-- 未完成 END-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xianmu_list">
                        <div class="clearfix">
                            <h4>广州市职工提素圆梦工程2018年学历教育补助（春季）</h4>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <p>订单号： 201808080401428731</p>
                                <p>
                                    <b class="g1 mr40">应收：￥4.5万</b>
                                    <b class="g4">已收：￥0</b>
                                </p>
                            </div>
                            <div class="col-sm-7">
                                <div class="phb_number_list dingdan_ul">
                                    <!-- 已完成 -->
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p class="g5">创建项目单</p>
                                        <div class="process-list process-speed">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p class="g5">审核项目单</p>
                                        <div class="process-list process-speed">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <!-- 已完成 END-->
                                    <!-- 未完成 -->
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p>项目完成</p>
                                        <div class="process-list">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p>订单回款</p>
                                        <div class="process-list">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <!-- 未完成 END-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xianmu_list">
                        <div class="clearfix">
                            <h4>广州市职工提素圆梦工程2018年学历教育补助（春季）</h4>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <p>订单号： 201808080401428731</p>
                                <p>
                                    <b class="g1 mr40">应收：￥4.5万</b>
                                    <b class="g4">已收：￥0</b>
                                </p>
                            </div>
                            <div class="col-sm-7">
                                <div class="phb_number_list dingdan_ul">
                                    <!-- 已完成 -->
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p class="g5">创建项目单</p>
                                        <div class="process-list process-speed">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p class="g5">审核项目单</p>
                                        <div class="process-list process-speed">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <!-- 已完成 END-->
                                    <!-- 未完成 -->
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p>项目完成</p>
                                        <div class="process-list">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <div class="dingdan_ul_list pull-left" style="width:25%;">
                                        <p>订单回款</p>
                                        <div class="process-list">
                                            <i class="pl-round"></i>
                                        </div>
                                    </div>
                                    <!-- 未完成 END-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-4 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">职工服务情况</div>
        </div>
        <div class="jybt_box">
            <div id="zgfw_echarts" style="height: 250px;"></div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">企业转化情况</div>
        </div>
        <div class="jybt_box">
            <div id="qyzh_echarts" style="height: 250px;"></div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">工会部署情况</div>
        </div>
        <div class="jybt_box">
            <div id="ghbx_echarts" style="height: 250px;"></div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">客户入网渠道</div>
            <b class="pull-left">已入网3456</b>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>昨日</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>今日</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>培训</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>本月</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>累计</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div class="ph_box qudao-box" style="height:250px;">
                <p>PC端职工网注册引入</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#7cbcf7;width:70%;">1008(70%）</span>
                </div>
                <p>客户自主注册</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#fcaa34;width:50%;">1008(50%）</span>
                </div>
                <p>后台业务员创建</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#f6538b;width:30%;">1008(30%）</span>
                </div>
                <p>h5端职工注册引入</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#77d5cb;width:10%;">1008(10%）</span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">职工注册渠道</div>
            <b class="pull-left">已注册5690</b>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>昨日</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>今日</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>培训</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>本月</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>累计</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div class="ph_box qudao-box" style="height:250px;">
                <p>PC端职工网注册引入</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#7cbcf7;width:70%;">1008(70%）</span>
                </div>
                <p>微信H5</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#fcaa34;width:50%;">1008(50%）</span>
                </div>
                <p>中职网APP</p>
                <div class="qudao-list">
                    <span class="qudao-list-line" style="background-color:#f6538b;width:30%;">1008(30%）</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">各团队业绩</div>
            <div class="pull-right">
                <a href="javascript:;" class="text_item pull-left"><span>今日</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>本周</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>本月</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>本年</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>全部</span></a>
            </div>
        </div>
        <div class="jybt_box">
            <div id="gtd_echarts" style="height: 250px;"></div>
        </div>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">团队成员业绩</div>
            <!-- <div class="form-inline pull-right">
                <div class="form-group">
                    <label>部门：</label>
                    <select class="form-control">
                        <option>市场一队</option>
                    </select>
                </div>
            </div> -->
        </div>
        <div class="jybt_box">
            <div class="ph_box" style="height:250px;">
                <table class="jybt_list_tab" width="100%">
                    <thead>
                        <tr>
                            <th align="left">部门</th>
                            <th>业务员</th>
                            <th>驳回</th>
                            <th>待重审</th>
                            <th>申诉中</th>
                            <th>审核不通过</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td rowspan="3" align="left">市场一线</td>
                            <td><b>王强</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                        </tr>
                        <tr>
                            <td><b>王强</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                        </tr>
                        <tr>
                            <td><b>王强</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                            <td><b>2200</b></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list clearfix ha">
            <div class="text_title">工作圈</div>
            <div class="pull-left mr40">
                <a href="javascript:;" class="text_item pull-left"><span>补贴</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>培训</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>票券</span></a>
                <a href="javascript:;" class="text_item pull-left active"><span>资讯</span></a>
                <a href="javascript:;" class="text_item pull-left"><span>全部</span></a>
            </div>
            <div class="form-inline pull-right">
                <div class="form-group">
                    <label>操作人：</label>
                    <select class="form-control">
                        <option>请选择</option>
                    </select>
                </div>
                <div class="form-group ml40">
                    <label>时间：</label>
                    <input type="text" class="form-control" placeholder="">
                    <span class="g9">&nbsp;——&nbsp;</span>
                    <input type="text" class="form-control" placeholder="">
                    <button type="submit" class="btn btn-primary">查询</button>
                </div>
            </div>
        </div>
        <div class="jybt_box">
            <div class="row ph_box" style="height:250px;">
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12">
                    <a href="#" class="gzq_news_list clearfix">
                        <em class="pull-left">运营张聪费对广东省总工会发布了xx资讯...</em>
                        <i class="pull-right">2018-07-13</i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/icheck.min.js"></script>
<script>
    /*初始化多选美化*/
    $(document).ready(function () {
        $(".i-checks").iCheck({checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
    });

    $(function () {
        $('.nav_list').on('click', 'a', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })
    })
</script>

<!-- echarts -->
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/echarts.min.js"></script>
<!-- 职工服务情况 -->
<script type="text/javascript">
var dom = document.getElementById("zgfw_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#7cbcf7','#fcaa34','#77d5cb','#cdbbf0','#f6538b'],
    title: {
        text: '',
        subtext: '',
        show: false,
    },
    tooltip: {
        trigger: 'item',
        formatter: "{b}"
    },
    toolbox: {
        feature: {
            dataView: {readOnly: false},
            restore: {},
            saveAsImage: {}
        },
        show: false,
    },
    legend: {
        // data: ['展现','点击','访问','咨询','订单'],
        show: false,
    },
    calculable: true,
    series: [
        {
            name:'',
            type:'funnel',
            left: '0%',
            top: 20,
            //x2: 80,
            bottom: 20,
            width: '50%',
            // height: {totalHeight} - y - y2,
            min: 0,
            max: 100,
            minSize: '0%',
            maxSize: '100%',
            sort: 'descending',
            gap: 2,
            label: {
                normal: {
                    show: true,
                    position: 'right'
                },
                emphasis: {
                    textStyle: {
                        fontSize: 20
                    }
                }
            },
            labelLine: {
                normal: {
                    length: 10,
                    lineStyle: {
                        width: 1,
                        type: 'solid'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: '#fff',
                    borderWidth: 1
                }
            },
            data: [
                {value: 100, name: '注册职工15000个'},
                {value: 80, name: '认领职工7500个，认领率50%'},
                {value: 60, name: '报读职工10000个，报读率50%'},
                {value: 40, name: '申报补贴职工10000个，申报率50%'},
                {value: 20, name: '通过补贴职工7000，通过率70%'},
            ]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 企业转化情况 -->
<script type="text/javascript">
var dom = document.getElementById("qyzh_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#7cbcf7','#fcaa34','#77d5cb','#cdbbf0','#f6538b'],
    title: {
        text: '',
        subtext: '',
        show: false,
    },
    tooltip: {
        trigger: 'item',
        formatter: "{b}"
    },
    toolbox: {
        feature: {
            dataView: {readOnly: false},
            restore: {},
            saveAsImage: {}
        },
        show: false,
    },
    legend: {
        // data: ['展现','点击','访问','咨询','订单'],
        show: false,
    },
    calculable: true,
    series: [
        {
            name:'',
            type:'funnel',
            left: '0%',
            top: 20,
            //x2: 80,
            bottom: 20,
            width: '50%',
            // height: {totalHeight} - y - y2,
            min: 0,
            max: 100,
            minSize: '0%',
            maxSize: '100%',
            sort: 'descending',
            gap: 2,
            label: {
                normal: {
                    show: true,
                    position: 'right'
                },
                emphasis: {
                    textStyle: {
                        fontSize: 20
                    }
                }
            },
            labelLine: {
                normal: {
                    length: 10,
                    lineStyle: {
                        width: 1,
                        type: 'solid'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: '#fff',
                    borderWidth: 1
                }
            },
            data: [
                {value: 100, name: '工会总数2300家'},
                {value: 80, name: '已账号工会，入网率50%'},
                {value: 60, name: '激活工会800家，激活率50%'},
                {value: 40, name: '购买服务工会525家，购买率50%'},
                {value: 20, name: '已款工会102，付款率20%'},
            ]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 工会部署情况 -->
<script type="text/javascript">
var dom = document.getElementById("ghbx_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    color: ['#7cbcf7','#fcaa34','#77d5cb','#cdbbf0','#f6538b'],
    title: {
        text: '',
        subtext: '',
        show: false,
    },
    tooltip: {
        trigger: 'item',
        formatter: "{b}"
    },
    toolbox: {
        feature: {
            dataView: {readOnly: false},
            restore: {},
            saveAsImage: {}
        },
        show: false,
    },
    legend: {
        // data: ['展现','点击','访问','咨询','订单'],
        show: false,
    },
    calculable: true,
    series: [
        {
            name:'',
            type:'funnel',
            left: '0%',
            top: 20,
            //x2: 80,
            bottom: 20,
            width: '50%',
            // height: {totalHeight} - y - y2,
            min: 0,
            max: 100,
            minSize: '0%',
            maxSize: '100%',
            sort: 'descending',
            gap: 2,
            label: {
                normal: {
                    show: true,
                    position: 'right'
                },
                emphasis: {
                    textStyle: {
                        fontSize: 20
                    }
                }
            },
            labelLine: {
                normal: {
                    length: 10,
                    lineStyle: {
                        width: 1,
                        type: 'solid'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: '#fff',
                    borderWidth: 1
                }
            },
            data: [
                {value: 100, name: '企业总数15000个'},
                {value: 80, name: '入网企业7500个，入网率50%'},
                {value: 60, name: '激活企业10000个，合作率50%'},
                {value: 40, name: '合作企业10000个，合作率50%'},
                {value: 20, name: '付款企业10000个，付款率50%'},
            ]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
<!-- 各团队业绩 -->
<script type="text/javascript">
var dom = document.getElementById("gtd_echarts");
var myChart = echarts.init(dom);
var app = {};
option = null;
var posList = [
    'left', 'right', 'top', 'bottom',
    'inside',
    'insideTop', 'insideLeft', 'insideRight', 'insideBottom',
    'insideTopLeft', 'insideTopRight', 'insideBottomLeft', 'insideBottomRight'
];

app.configParameters = {
    rotate: {
        min: -90,
        max: 90
    },
    align: {
        options: {
            left: 'left',
            center: 'center',
            right: 'right'
        }
    },
    verticalAlign: {
        options: {
            top: 'top',
            middle: 'middle',
            bottom: 'bottom'
        }
    },
    position: {
        options: echarts.util.reduce(posList, function (map, pos) {
            map[pos] = pos;
            return map;
        }, {})
    },
    distance: {
        min: 0,
        max: 100
    }
};

app.config = {
    rotate: 90,
    align: 'left',
    verticalAlign: 'middle',
    position: 'insideBottom',
    distance: 15,
    onChange: function () {
        var labelOption = {
            normal: {
                rotate: app.config.rotate,
                align: app.config.align,
                verticalAlign: app.config.verticalAlign,
                position: app.config.position,
                distance: app.config.distance
            }
        };
        myChart.setOption({
            series: [{
                label: labelOption
            }, {
                label: labelOption
            }, {
                label: labelOption
            }, {
                label: labelOption
            }]
        });
    }
};


var labelOption = {
    normal: {
        show: false,
        position: app.config.position,
        distance: app.config.distance,
        align: app.config.align,
        verticalAlign: app.config.verticalAlign,
        rotate: app.config.rotate,
        formatter: '{c}  {name|{a}}',
        fontSize: 16,
        rich: {
            name: {
                textBorderColor: '#fff'
            }
        }
    }
};

option = {
    color: ['#7cbcf7', '#fcaa34', '#f6538b', '#77d5cb'],
    title: {
        text: '各团队企业转化情况',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    legend: {
        data: ['企业总数', '入网企业', '合作企业', '职工'],
        y: 'bottom'
    },
    toolbox: {
        show: false,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
            mark: {show: true},
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    calculable: true,
    xAxis: [
        {
            type: 'category',
            axisTick: {show: false},
            data: ['市场一部', '市场二部', '市场三部', '市场四部']
        }
    ],
    yAxis: [
        {
            type: 'value'
        }
    ],
    series: [
        {
            name: '企业总数',
            type: 'bar',
            barGap: 0,
            label: labelOption,
            data: [320, 332, 301, 334,]
        },
        {
            name: '入网企业',
            type: 'bar',
            label: labelOption,
            data: [220, 182, 191, 234]
        },
        {
            name: '合作企业',
            type: 'bar',
            label: labelOption,
            data: [150, 232, 201, 154]
        },
        {
            name: '职工',
            type: 'bar',
            label: labelOption,
            data: [98, 77, 101, 99]
        }
    ]
};;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
</script>
</body>
</html>